<template>
  <!--视频回放弹框-->
  <div class="playback-dialog">
    <el-dialog
      title="视频回放"
      :visible.sync="isPlayback"
      width="50%"
      :before-close="cancel">
      <div class="video">
        <video width="100%" height="500" src="@/project/views/short-video/mv.mp4" controls></video>
      </div>
    </el-dialog>
  </div>
</template>

<script>
export default {
  name:'playback',
  props: {
    id:{
      type: String,
      default: () => {
        return ''
      }
    },
    isPlayback:{
      type: Boolean,
      default: () => {
        return false
      }
    }
  },
  data() {
      return {

      }
  },
  mounted(){
    console.log(this.id)
  },
  methods: {
    //取消
    cancel(){
      this.$emit('close',false);
    }
  }
}
</script>

<style lang="less" scoped>
.video{
  width:100%;
  text-align: center;
}
</style>
